<template>
	<div>
		<div class="app-container"> 
			<el-radio-group v-model="tabPage" @change="handleChange">
				<el-radio-button label="banner">Banner配置</el-radio-button>
				<el-radio-button label="zone">专区商品配置</el-radio-button>
			</el-radio-group>
		</div>

		<component ref="tab-page" :is="tabPage"></component>
	</div>
</template>
<script>
	import banner from "./components/banner.vue";
	import zone from "./components/zone.vue";
	export default {
		components: {
			zone,
			banner
		},
		data() {
			return {
				tabPage: "banner"
			}
		},
		methods: {
			handleChange(e) {
				// this.$refs['tab-page'].
			}
		}
	}
</script>
<style lang="scss" scoped>

</style>
